﻿<!DOCTYPE html>
<html>
  <head>
    <title>Avatar 头像</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/avatar___/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/avatar___/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u8597" class="ax_default label">
        <img id="u8597_img" class="img " src="images/switch___/u4692.png"/>
        <!-- Unnamed () -->
        <div id="u8598" class="text" style="visibility: visible;">
          <p><span>Avatar 头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8599" class="ax_default label">
        <img id="u8599_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u8600" class="text" style="visibility: visible;">
          <p><span>基本用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8601" class="ax_default label">
        <img id="u8601_img" class="img " src="images/icon_图标/u480.png"/>
        <!-- Unnamed () -->
        <div id="u8602" class="text" style="visibility: visible;">
          <p><span>用图标、图片或者字符的形式展示用户或事物信息。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8603" class="ax_default label">
        <img id="u8603_img" class="img " src="images/icon_图标/u476.png"/>
        <!-- Unnamed () -->
        <div id="u8604" class="text" style="visibility: visible;">
          <p><span>&nbsp;设置头像的形状和大小。</span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8605" class="ax_default _图片">
        <img id="u8605_img" class="img " src="images/avatar___/u8605.png"/>
        <!-- Unnamed () -->
        <div id="u8606" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8607" class="ax_default _图片">
        <img id="u8607_img" class="img " src="images/avatar___/u8605.png"/>
        <!-- Unnamed () -->
        <div id="u8608" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8609" class="ax_default _图片">
        <img id="u8609_img" class="img " src="images/avatar___/u8605.png"/>
        <!-- Unnamed () -->
        <div id="u8610" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8611" class="ax_default _图片">
        <img id="u8611_img" class="img " src="images/avatar___/u8605.png"/>
        <!-- Unnamed () -->
        <div id="u8612" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8613" class="ax_default _图片">
        <img id="u8613_img" class="img " src="images/avatar___/u8613.png"/>
        <!-- Unnamed () -->
        <div id="u8614" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8615" class="ax_default _图片">
        <img id="u8615_img" class="img " src="images/avatar___/u8613.png"/>
        <!-- Unnamed () -->
        <div id="u8616" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8617" class="ax_default _图片">
        <img id="u8617_img" class="img " src="images/avatar___/u8613.png"/>
        <!-- Unnamed () -->
        <div id="u8618" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8619" class="ax_default _图片">
        <img id="u8619_img" class="img " src="images/avatar___/u8613.png"/>
        <!-- Unnamed () -->
        <div id="u8620" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8621" class="ax_default label">
        <img id="u8621_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u8622" class="text" style="visibility: visible;">
          <p><span>展示类型</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8623" class="ax_default label">
        <img id="u8623_img" class="img " src="images/link_文字链接/u2097.png"/>
        <!-- Unnamed () -->
        <div id="u8624" class="text" style="visibility: visible;">
          <p><span>支持三种类型：图标、图片和字符</span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8625" class="ax_default _图片">
        <img id="u8625_img" class="img " src="images/avatar___/u8605.png"/>
        <!-- Unnamed () -->
        <div id="u8626" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8627" class="ax_default _图片">
        <img id="u8627_img" class="img " src="images/avatar___/u8627.png"/>
        <!-- Unnamed () -->
        <div id="u8628" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u8629" class="ax_default box_3">
        <img id="u8629_img" class="img " src="images/avatar___/u8629.png"/>
        <!-- Unnamed () -->
        <div id="u8630" class="text" style="visibility: visible;">
          <p><span>user</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8631" class="ax_default label">
        <img id="u8631_img" class="img " src="images/checkbox____/u2629.png"/>
        <!-- Unnamed () -->
        <div id="u8632" class="text" style="visibility: visible;">
          <p><span>图片如何适应容器框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8633" class="ax_default label">
        <img id="u8633_img" class="img " src="images/link_文字链接/u2097.png"/>
        <!-- Unnamed () -->
        <div id="u8634" class="text" style="visibility: visible;">
          <p><span>支持三种类型：图标、图片和字符</span></p>
        </div>
      </div>

      <!-- fill (Group) -->
      <div id="u8635" class="ax_default" data-label="fill">

        <!-- 容器(100*100) (Rectangle) -->
        <div id="u8636" class="ax_default box_3" data-label="容器(100*100)">
          <img id="u8636_img" class="img " src="images/avatar___/容器_100_100__u8636.png"/>
          <!-- Unnamed () -->
          <div id="u8637" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u8638" class="ax_default _图片">
          <img id="u8638_img" class="img " src="images/avatar___/u8638.jpg"/>
          <!-- Unnamed () -->
          <div id="u8639" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- cover (Group) -->
      <div id="u8640" class="ax_default" data-label="cover">

        <!-- 容器(100*100) (Rectangle) -->
        <div id="u8641" class="ax_default box_3" data-label="容器(100*100)">
          <img id="u8641_img" class="img " src="images/avatar___/容器_100_100__u8641.png"/>
          <!-- Unnamed () -->
          <div id="u8642" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u8643" class="ax_default _图片">
          <img id="u8643_img" class="img " src="images/avatar___/u8638.jpg"/>
          <!-- Unnamed () -->
          <div id="u8644" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8645" class="ax_default _图片">
        <img id="u8645_img" class="img " src="images/avatar___/u8645.png"/>
        <!-- Unnamed () -->
        <div id="u8646" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8647" class="ax_default _图片">
        <img id="u8647_img" class="img " src="images/avatar___/u8647.png"/>
        <!-- Unnamed () -->
        <div id="u8648" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- cover (Group) -->
      <div id="u8649" class="ax_default" data-label="cover">

        <!-- 容器(100*100) (Rectangle) -->
        <div id="u8650" class="ax_default box_3" data-label="容器(100*100)">
          <img id="u8650_img" class="img " src="images/avatar___/容器_100_100__u8641.png"/>
          <!-- Unnamed () -->
          <div id="u8651" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u8652" class="ax_default _图片">
          <img id="u8652_img" class="img " src="images/avatar___/u8638.jpg"/>
          <!-- Unnamed () -->
          <div id="u8653" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8654" class="ax_default label">
        <img id="u8654_img" class="img " src="images/avatar___/u8654.png"/>
        <!-- Unnamed () -->
        <div id="u8655" class="text" style="visibility: visible;">
          <p><span>fill</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8656" class="ax_default label">
        <img id="u8656_img" class="img " src="images/checkbox____/u2602.png"/>
        <!-- Unnamed () -->
        <div id="u8657" class="text" style="visibility: visible;">
          <p><span>contain</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8658" class="ax_default label">
        <img id="u8658_img" class="img " src="images/avatar___/u8658.png"/>
        <!-- Unnamed () -->
        <div id="u8659" class="text" style="visibility: visible;">
          <p><span>cover</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8660" class="ax_default label">
        <img id="u8660_img" class="img " src="images/avatar___/u8660.png"/>
        <!-- Unnamed () -->
        <div id="u8661" class="text" style="visibility: visible;">
          <p><span>none</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8662" class="ax_default label">
        <img id="u8662_img" class="img " src="images/avatar___/u8662.png"/>
        <!-- Unnamed () -->
        <div id="u8663" class="text" style="visibility: visible;">
          <p><span>scale-down</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8664" class="ax_default label">
        <img id="u8664_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u8665" class="text" style="visibility: visible;">
          <p><span>加载失败</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8666" class="ax_default label">
        <img id="u8666_img" class="img " src="images/avatar___/u8666.png"/>
        <!-- Unnamed () -->
        <div id="u8667" class="text" style="visibility: visible;">
          <p><span>当展示类型为图片的时候，图片加载失败的 fallback 行为</span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8668" class="ax_default _图片">
        <img id="u8668_img" class="img " src="images/avatar___/u8668.png"/>
        <!-- Unnamed () -->
        <div id="u8669" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8670" class="ax_default box_2">
        <img id="u8670_img" class="img " src="images/color___/u352.png"/>
        <!-- Unnamed () -->
        <div id="u8671" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
